<#ftl output_format="HTML" auto_esc=true> <@h.commonHead
title="后台管理系统" keywords="开源,永久免费" description="springrain开源系统管理后台"/> 
<script type="text/javascript" src="${ctx}/js/ztree/js/jquery.ztree.all-3.5.js"></script>
<script type="text/javascript" src="${ctx}/js/ztree/js/ztreeUtils.js"></script>
<script type="text/javascript" src="${ctx}/js/validform/validform.min.js"></script>
<link rel="stylesheet" href="${ctx}/js/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/custom/common/myztree.css" type="text/css">
<link rel="stylesheet" href="${ctx}/js/validform/validform.css" media="all">

</head>



<script type="text/html" id="operationListBar">
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>


<body>
	<div class="layui-layout layui-layout-admin">
		<@h.naviHeader /> <@h.leftMenu />
		<!-- 主体内容开始 -->
		<SCRIPT type="text/javascript">
            
           // springrain.initValid();
           

        	  var table;
        	  var laytpl;
        	  var form;
        	  layui.use('laytpl', function(){
        		   laytpl = layui.laytpl;
        	  });
        	  
              layui.use('form', function(){
            	  form = layui.form;
                  //监听下拉框选择
                  
                  form.on('select(operationType)', function(data){
                	  changeOperationType(data.value);
			      });
             });
              
              //步骤方式的监听
              function changeOperationType(operationValue){
            	  //初始状态
            	  jQuery("#divOperationValue").css("display","none");
            	  
            	  //jQuery("#inputOperationValue").val("");
            	  jQuery("#inputOperationValue").attr("placeholder","");
                  
                 // var operationValue=jQuery("#operationType").val();
                  
                  if(operationValue==0){//引用节点
                      jQuery("#labelOperationXpath").html("节点编号*");
                  }else if(operationValue==1){//打开
                	  jQuery("#labelOperationXpath").html("网页地址*");
                  }else if(operationValue==2){//赋值
                	  jQuery("#divOperationValue").css("display","block");
                	  jQuery("#labelOperationValue").html("值");
                	  jQuery("#labelOperationXpath").html("Xpath*");
                  }else if(operationValue==3){//单击
                	  jQuery("#labelOperationXpath").html("Xpath*");
                  }else if(operationValue==4){//双击
                      jQuery("#labelOperationXpath").html("Xpath*");
                  }else if(operationValue==5){//switchTo
                      jQuery("#divOperationValue").css("display","block");
                      jQuery("#inputOperationValue").attr("placeholder","iframe,parentFrame,default");
                      jQuery("#labelOperationValue").html("进入");
                      jQuery("#labelOperationXpath").html("Xpath*");
                  }else if(operationValue==6){//document
                      jQuery("#divOperationValue").css("display","block");
                      jQuery("#inputOperationXpath").attr("placeholder","title");
                      jQuery("#labelOperationValue").html("值");
                      jQuery("#labelOperationXpath").html("类型*");
                  }else if(operationValue==7){//右键
                      jQuery("#labelOperationXpath").html("Xpath*");
                  }else if(operationValue==8){//悬浮
                      jQuery("#labelOperationXpath").html("Xpath*");
                  }else if(operationValue==9){//拖拽
                	  jQuery("#divOperationValue").css("display","block");
                      jQuery("#labelOperationValue").html("开始Xpath*");
                      jQuery("#labelOperationXpath").html("结束Xpath*");
                  }else if(operationValue==11){//JS指令
                	  jQuery("#divOperationValue").css("display","block");
                      jQuery("#labelOperationValue").html("JS指令*");
                      jQuery("#labelOperationXpath").html("Xpath*");
                      jQuery("#inputOperationXpath").val("JS指令");
                  }else{
                	  jQuery("#divOperationValue").css("display","block");
                      jQuery("#labelOperationValue").html("值");
                      jQuery("#labelOperationXpath").html("Xpath*");
                  }
            	  
            	  
              }
              
              
              
        	  
        	  var tableOptions={
                      elem: '#operationTable'  
                     // ,height: 315
                      ,limit: 50
                      ,method:'POST'
                     // , text: {none: '暂无相关数据'}
                     // ,url: '${ctx}/system/selenium/ajax/operation/list' //数据接口
                     // ,page: true //开启分页
                      ,page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                          layout: [ 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                          //,curr: 5 //设定初始在第 5 页
                          ,groups: 5 //只显示 1 个连续页码
                          ,first: false //不显示首页
                          ,last: false //不显示尾页
                        //  ,count:"page.totalCount"
                          
                        }
                      ,cols: [[ //表头
                      //  {field: 'id', title: '编号',  fixed: 'left'}
                      //  ,{field: 'businessId', title: '节点Id'}
                        {fixed: 'left', title:"步骤", width:120, align:'center', toolbar: '#operationListBar'}
                        ,{field: 'name', title: '名称'}
                        ,{field: 'operationType', title: '步骤类型',templet: function(obj){
                        	var d=obj.operationType;
	                             if(d==0){
	                                return "引用节点";
	                             }else if(d==1){
                                	 return "打开";
                                 }else if(d==2){
                                	 return "赋值";
                                 }else if(d==3){
                                     return "单击";
                                 }else if(d==4){
                                     return "双击";
                                 }else if(d==5){
                                     return "switchTo";
                                 }else if(d==6){
                                     return "document";
                                 }else if(d==7){
                                     return "右键";
                                 }else if(d==8){
                                     return "悬浮";
                                 }else if(d==9){
                                     return "拖拽";
                                 }else if(d==11){
                                     return "JS指令";
                                 }else if(d==10){
                                     return "其他";
                                 }else{
                                	 return "";
                                 }
                              }
                        } 
                        ,{field: 'operationXpath', title: 'xpath'}
                        ,{field: 'operationValue', title: '值'}
                        ,{field: 'validateProgress', title: '验证进度',templet: function(obj){
                        	var d=obj.validateProgress;
                        	   if(d==1){
                                   return "验证前";
                                }else if(d==2){
                                    return "验证中";
                                }else if(d==3){
                                    return "验证";
                                }else if(d==4){
                                    return "验证后";
                                }else if(d==5){
                                    return "其他";
                                }else{
                                	return "";
                                }
                        	
                        }}
                        ,{field: 'validateMethod', title: '校验方式',templet: function(obj){
                        	
                        	   var d=obj.validateMethod;
                               if(d==1){
                                   return "等于";
                                }else if(d==2){
                                    return "大于";
                                }else if(d==3){
                                    return "大于等于";
                                }else if(d==4){
                                    return "小于";
                                }else if(d==5){
                                    return "小于等于";
                                }else if(d==6){
                                    return "包含";
                                }else if(d==7){
                                    return "不等于";
                                }else if(d==8){
                                    return "以开头";
                                }else if(d==9){
                                    return "以结尾";
                                }else{
                                    return "";
                                }
                        }}
                       // ,{field: 'waitTime', title: '等待时间'}
                        ,{field: 'sortno', title: '排序'}
                      ]]
                      ,request: {
                    	   pageName:'pageIndex' //页码的参数名称，默认：page
                    	  ,limitName: 'pageSize' //每页数据量的参数名，默认：limit
                    	}    
                   //  ,response: {
                    	     //  statusName: 'statusCode' //数据状态的字段名称，默认：code
                    		 // ,statusCode: 200 //成功的状态码，默认：0
                    //		  ,msgName: 'message' //状态信息的字段名称，默认：msg
                    		//  ,countName: 'page.totalCount' //数据总数的字段名称，默认：count
                    		//  ,dataName: 'data' //数据列表的字段名称，默认：data
                    	//	} 
                      ,parseData: function(res){ //res 即为原始返回的数据
                      	
                     	 var totalCount=0;
 	                     if(res.page.totalCount){
 	                    	 totalCount=res.page.totalCount;
 	                     }
                     	    return {
                     	     // "limit":res.page.pageSize,
                     	      "code": 0, //解析接口状态
                     	      "msg": res.message, //解析提示文本
                     	      "count": totalCount, //解析数据长度
                     	      "data": res.data //解析数据列表
                     	    }
                      }
                    
                     
                    };
           
            //加载表格
            layui.use('table', function(){
            	table = layui.table;
            	  
            	  //第一个实例
            	  table.render(tableOptions);
            	  
            	  
            	  table.on('tool(operationList)', function(obj){
            		    var data = obj.data;
            		   if(obj.event === 'del'){
            			   var _url = "${ctx}/system/selenium/ajax/delete/operation";
                           springrain.mydelete(data.id, _url, "确定删除?",null,function(ret){
                                
                               if(ret.status=="success"){//如果成功了
                            	   obj.del();
                               }
                               
                           });
            			   
            		    } else if(obj.event === 'edit'){
            		    	
            		    	jQuery("input",jQuery("#updateOperationForm")).val("");
            		    	 springrain.resetForm("updateOperationForm");
            		    	 
            		    	 //设置属性
            		    	 for(p in data){
            		    		   jQuery("[name='"+p+"']",jQuery("#updateOperationForm")).val(data[p]);
            		    	 }
                           
            		    	 showUpdateOperation("修改",data["businessId"]);
            		    
            		    }
            		  });
            	});
            

        
            
            
            
           //页面渲染 加载树
                $(document).ready(function() {
                    jQuery.post("${ctx}/system/selenium/ajax/tree",function(_json) {
                        if (_json.status == "success") {
                        	 var zTree=springrain.tree({
                                id:"operationListTree",
                                hasMenu:true,
                                data:_json.data,
                                treeNodeClick:function(event, treeId, treeNode){
                                     //ajax刷新步骤列表
                                     nodeClickShowOperation(treeNode.id);
                                  
                                     
                                },
                                btns:[
                                        {'text':'添加子节点','callback':function(tree,node){
                                                  //显示添加节点的弹出层
                                        	//showAddNode(tree,node);
                                               jQuery("input",jQuery("#updateNodeForm")).val("");
                                        	   springrain.resetForm("updateNodeForm");
                                        	   
                                               jQuery("[name='pid']",jQuery("#updateNodeForm")).val(node["id"]);
                                               jQuery("#updateNodeForm_id_div").css("display","none");
                                        	   showUpdateNode(tree,node,"添加子");
                                        }},
                                        {'text':'添加步骤','callback':function(tree,node){
                                                 //显示添加步骤的弹出层
                                          jQuery("input",jQuery("#updateOperationForm")).each(function(index,_obj){
                                        	        jQuery(_obj).val("");
                                          });
                                           springrain.resetForm("updateOperationForm");
                                           jQuery("[name='businessId']",jQuery("#updateOperationForm")).val(node.id);
                                           jQuery("[name='waitTime']",jQuery("#updateOperationForm")).val("1000");
                                           jQuery("[name='operationType']",jQuery("#updateOperationForm")).val("3");
                                           jQuery("[name='validateProgress']",jQuery("#updateOperationForm")).val("1");
                                           jQuery("[name='validateMethod']",jQuery("#updateOperationForm")).val("1");
                                           jQuery("[name='parameter']",jQuery("#updateOperationForm")).val("0");
                                           
                                           
                                         
                                        	showUpdateOperation("添加",node.id);
                                        }},
                                        
                                        {'text':'执行测试','callback':function(tree,node){
                                            //显示添加步骤的弹出层
                                            exec(tree,node);
                                   }},
                                        
                                        {'text':'编辑','callback':function(tree,node){
                                                  //显示编辑信息的弹出层
                                            jQuery("input",jQuery("#updateNodeForm")).val("");
                                            springrain.resetForm("updateNodeForm");
                                            jQuery("#updateNodeForm_id_div").css("display","block");
                                            for (p in node){
                                                jQuery("[name='"+p+"']",jQuery("#updateNodeForm")).val(node[p]);
                                                }  
                                        
                                            
                                        	  showUpdateNode(tree,node,"编辑");
                                        }},
                                        {'text':'删除','callback':function(tree,node){
                                        	//处理删除逻辑
                                            var id = node.id;
                                            if (!id || id == "") {
                                                springrain.alert("请选择你要删除的记录");
                                                return;
                                            } else {
                                                var _url = "${ctx}/system/selenium/ajax/delete/node";
                                                springrain.mydelete(id, _url, "节点下的子节点也会被删除,确定要删除节点?",null,function(ret){
                                                	 
                                                    if(ret.status=="success"){//如果成功了
                                                    	tree.removeNode(node);
                                                    }
                                                    
                                                });
                                            }
                                        }}
                                       ]
                            })
                            zTree.expandAll(true);
                             
                        } else {
                            myalert(_json.message);
                        }
                    });
                });
           
           
           //单击节点显示步骤列表
          function nodeClickShowOperation(nodeId){
        	  var ajaxUrl='${ctx}/system/selenium/ajax/operation/list?businessId='+nodeId;
        	  
        	  tableOptions.url=ajaxUrl;
        	  table.render(tableOptions);
          }
           
             
                
                //编辑节点
                function showUpdateNode(tree,node,msg){
                	
                   form.render('select');
                   
                    layer.open({
                          title: msg+'节点'
                          ,type: 1
                          ,area: '600px'
                          ,content: $('#showUpdateNodeDiv')//这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                          ,btn:['提交', '取消']
                          ,yes: function(index, layero){
                           springrain.commonUpdateForm("updateNodeForm",null,msg+"成功!",function(ret){
                        	   if(ret.status=="success"){//如果成功了
                        		   
	                        	   if("编辑"==msg){
	                                   for (p2 in ret.data){//更新dom节点
	                                         node[p2]=ret.data[p2];
	                                   }  
	                        		   tree.updateNode(node);
	                        	   }else{
	                        		   tree.addNodes(node, ret.data);
	                        	   }
	                               layer.closeAll();
                               }
                           });
                          }
                          ,cancel: function(){ 
                              //右上角关闭回调
                              //return false 开启该代码可禁止点击该按钮关闭
                            }
                          
                          
                        });
                    
                    
                }
                
                
                
                //显示添加步骤的弹出层
               
                function showUpdateOperation(msg,nodeId){
                	form.render('select');
                    changeOperationType(jQuery("#operationType").val());
                	
                	
                    layer.open({
                          title: msg+'步骤'
                          ,type: 1
                          ,area: '600px'
                          ,content: $('#showUpdateOperationDiv')//这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                          ,btn:['提交', '取消']
                          ,yes: function(index, layero){
                            
                           springrain.commonUpdateForm("updateOperationForm",null,msg+"成功!",function(ret){
                                if(ret.status=="success"){//如果成功了
                                    layer.closeAll();
                                    nodeClickShowOperation(nodeId);
                                }
                           });
                          }
                          ,cancel: function(){ 
                              //右上角关闭回调
                              
                              //return false 开启该代码可禁止点击该按钮关闭
                            }
                          
                          
                        });
                    
                    
                }
                
                
                // 执行用例
                function exec(tree,node){
                	
                    jQuery("#updateHtmlparameterForm").empty();
                	
                	 var ajaxUrl = "${ctx}/system/selenium/ajax/exec/pre?businessId=" + node.id;
                	  
                      jQuery.post(ajaxUrl,function(_json) {
                    	  
                    	  if((_json.data)&&(_json.data.length>0)){
                    		  
                    		  jQuery( _json.data ).each(function(index,_obj ) {
                    			  var getTpl = parameterTemplet.innerHTML;
                    			  var view = document.getElementById('updateHtmlparameterForm');
                    			  laytpl(getTpl).render(_json.data, function(html){
                    			    view.innerHTML = html;
                    			  });
                    			
                    			});
                    		  
                    		  
                              layer.open({
                                  title: '设置变量'
                                  ,type: 1
                                  ,area: '600px'
                                  ,content: $('#showHtmlparameterDiv')//这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                                  ,btn:['提交', '取消']
                                  ,yes: function(index, layero){
                                	  jQuery("#updateHtmlparameterForm").attr("action", "${ctx}/system/selenium/ajax/exec?businessId=" + node.id);
                                	   springrain.commonUpdateForm("updateHtmlparameterForm",null,"执行成功!",function(ret){
                                        if(ret.status=="success"){//如果成功了
                                            layer.closeAll();
                                        }
                                   });
                                  }
                                  ,cancel: function(){ 
                                      //右上角关闭回调
                                      //return false 开启该代码可禁止点击该按钮关闭
                                    }
                                  
                                });
                    		  
                    	  }else{
                              jQuery("#updateHtmlparameterForm").attr("action", "${ctx}/system/selenium/ajax/exec?businessId=" + node.id);
                              springrain.commonUpdateForm("updateHtmlparameterForm",null,"执行成功!",function(ret){
                                  if(ret.status=="success"){//如果成功了
                                      layer.closeAll();
                                  }
                             });
                              
                    	  }
                          
                      });
                	  
                }
                
</SCRIPT>

		<div class="layui-tab layui-tab-brief">
			<ul class="layui-tab-title site-demo-title">
			</ul>
			<div class="layui-body layui-tab-content site-demo-body">
				<div class="layui-tab-item layui-show">
					<div class="layui-main">
						<div class="container-fluid">
						
							<div class="row">


								<div class="layui-col-md3">
									<ul id="operationListTree" class="ztree"></ul>
								</div>


								<div class="layui-col-md9">
									<table id="operationTable" lay-filter="operationList"></table>
								</div>
								
							</div>
							
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- 主体内容结束 -->
		<@h.footer />
	</div>

</body>


<!-- 节点修改的div层 -->
<div id="showUpdateNodeDiv" style="display: none">
	<br />
	<form id="updateNodeForm" class="layui-form" method="post"
		action="${ctx}/system/selenium/ajax/update/node">
		<div class="layui-form-item" id="updateNodeForm_id_div"
			style="display: none">
			<label class="layui-form-label">编号</label>
			<div class="layui-inline col-lg-3">
				<input type="text" name="id" autocomplete="off" class="layui-input" value="" readonly="readonly">
			</div>
			<div class="layui-inline valid-info"></div>
		</div>

		<div class="layui-form-item ">
			<label class="layui-form-label">名称*</label>
			<div class="layui-inline col-lg-3">
				<input type="text" name="name" datatype="*" nullmsg="不能为空" errormsg="不能为空！" autocomplete="off" class="layui-input" value="">
			</div>
			<div class="layui-inline valid-info"></div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">父节点*</label>
			<div class="layui-inline col-lg-3">
				<input type="text" name="pid" datatype="*" nullmsg="不能为空"
					errormsg="不能为空！" autocomplete="off" class="layui-input" value="">
			</div>
			<div class="layui-inline valid-info"></div>
		</div>


		<div class="layui-form-item">
			<label class="layui-form-label">排序*</label>
			<div class="layui-inline col-lg-3">
				<input type="number" name="sortno" datatype="*" nullmsg="不能为空" errormsg="不能为空！" autocomplete="off" class="layui-input" value="">
			</div>
			<div class="layui-inline valid-info"></div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">描述</label>
			<div class="layui-inline col-lg-3">
				<input type="text" name="description" autocomplete="off"
					class="layui-input" value="">
			</div>
			<div class="layui-inline valid-info"></div>
		</div>

	</form>
	
</div>



<!-- 步骤修改的DIV层 -->

<div id="showUpdateOperationDiv" style="display: none">
	<br />
	<form id="updateOperationForm" class="layui-form" method="post"  action="${ctx}/system/selenium/ajax/update/operation">

		<input type="hidden" name="id" value="">

		<div class="layui-form-item ">
			<label class="layui-form-label">节点Id*</label>
			<div class="layui-inline col-lg-3">
				<input type="text" name="businessId" datatype="*" nullmsg="不能为空" errormsg="不能为空！" autocomplete="off" class="layui-input" value="">
			</div>
			<div class="layui-inline valid-info"></div>
		</div>
		<div class="layui-form-item ">
			<label class="layui-form-label">名称*</label>
			<div class="layui-inline col-lg-3">
				<input type="text" name="name" datatype="*" nullmsg="不能为空" errormsg="不能为空！" autocomplete="off" class="layui-input" value="">
			</div>
			<div class="layui-inline valid-info"></div>
		</div>
		<div class="layui-form-item ">
			<label class="layui-form-label">步骤类型*</label>
			<div class="layui-inline col-lg-3">

				<select name="operationType"  id="operationType"   class="layui-input" datatype="*" nullmsg="不能为空" errormsg="不能为空!"   lay-filter="operationType">
					<option value="3">单击</option>
					<option value="1">打开</option>
					<option value="2">赋值</option>
					<option value="4">双击</option>
					<option value="5">switchTo</option>
					<option value="6">document</option>
					<option value="7">右键</option>
					<option value="8">悬浮</option>
					<option value="9">拖拽</option>
					<option value="11">JS指令</option>
					<option value="10">其他</option>
					<option value="0">引用节点</option>
				</select>


			</div>
			<div class="layui-inline valid-info"></div>
		</div>
		
		
		  <div class="layui-form-item" id="divOperationValue"  style="display:none" >
            <label class="layui-form-label" id="labelOperationValue">值</label>
            <div class="layui-inline col-lg-3">
                <input type="text"  name="operationValue"  id="inputOperationValue"  autocomplete="off" class="layui-input" value="">
            </div>
            <div class="layui-inline valid-info"></div>
        </div>
        
		<div class="layui-form-item" id="divOperationXpath">
			<label class="layui-form-label" id="labelOperationXpath">xpath*</label>
			<div class="layui-inline col-lg-3">
				<input type="text" name="operationXpath"  id="inputOperationXpath"  datatype="*" nullmsg="不能为空" errormsg="不能为空！" autocomplete="off" class="layui-input" value="">
			</div>
			<div class="layui-inline valid-info"></div>
		</div>
	
		
		
		
		<div class="layui-form-item ">
			<label class="layui-form-label">验证进度*</label>
			<div class="layui-inline col-lg-3">

				<select name="validateProgress" class="layui-input" datatype="*" nullmsg="不能为空" errormsg="不能为空！">
					<option value="1">验证前</option>
					<option value="3">验证</option>
					
					<!-- 
					<option value="2">验证中</option>
					<option value="4">验证后</option>
					<option value="5">其他</option>
					 -->
					
				</select>

			</div>
			<div class="layui-inline valid-info"></div>
		</div>
		<div class="layui-form-item ">
			<label class="layui-form-label">校验方式*</label>
			<div class="layui-inline col-lg-3">

				<select name="validateMethod" class="layui-input" datatype="*" nullmsg="不能为空" errormsg="不能为空！">
					<option value="1">等于</option>
					<option value="6">包含</option>
					<option value="7">不等于</option>
					<option value="8">以开头</option>
					<option value="9">以结尾</option>
                    <option value="2">大于</option>
                    <option value="3"> 大于等于</option>
                    <option value="4">小于</option>
                    <option value="5">小于等于</option>
				</select>

			</div>
			<div class="layui-inline valid-info"></div>
		</div>


		<div class="layui-form-item ">
			<label class="layui-form-label">用户录入参数*</label>
			<div class="layui-inline col-lg-3">

				<select name="parameter" class="layui-input" datatype="*" nullmsg="不能为空" errormsg="不能为空！">
					<option value="0">不录入</option>
					<option value="1">录入</option>
				</select>

			</div>
			<div class="layui-inline valid-info"></div>
		</div>


		<div class="layui-form-item ">
			<label class="layui-form-label">等待毫秒*</label>
			<div class="layui-inline col-lg-3">
				<input type="text" name="waitTime" datatype="*" nullmsg="不能为空" errormsg="不能为空！" autocomplete="off" class="layui-input" value="1000">
			</div>
			<div class="layui-inline valid-info"></div>
		</div>


		<div class="layui-form-item ">
			<label class="layui-form-label">执行条件</label>
			<div class="layui-inline col-lg-3">
				<input type="text" name="conditionStr" autocomplete="off"  class="layui-input" value="">
			</div>
			<div class="layui-inline valid-info"></div>
		</div>


		<div class="layui-form-item ">
			<label class="layui-form-label">排序*</label>
			<div class="layui-inline col-lg-3">
				<input type="number" name="sortno" datatype="*" nullmsg="不能为空" errormsg="不能为空！" autocomplete="off" class="layui-input" value="">
			</div>
			<div class="layui-inline valid-info"></div>
		</div>

	</form>

</div>

<!-- 运行时 增加参数的 的div层 -->

<div id="showHtmlparameterDiv" style="display: none">
    <br />
    <form id="updateHtmlparameterForm"  class="layui-form" method="post"  >



     </form>
</div>




<script id="parameterTemplet" type="text/html">

{{#  layui.each(d, function(index, item){ }}
<li>
  <div class="layui-form-item ">
            <label class="layui-form-label">{{ item.name }}</label>
            <div class="layui-inline col-lg-3">
                <input type="text" name="parameters[{{index}}].operationValue" datatype="*" nullmsg="不能为空" errormsg="不能为空！" autocomplete="off" class="layui-input" value="">
                <input type="hidden"  name="parameters[{{index}}].name" value="{{ item.name }}">
                <input type="hidden"  name="parameters[{{index}}].operationId" value="{{ item.operationId }}">
                <input type="hidden"  name="parameters[{{index}}].sortno" value="{{ item.sortno }}">
            </div>
            <div class="layui-inline valid-info"></div>
        </div>
</li>
{{#  }); }}

</script>



</html>